<div class="row">
  <div class="col-xs-12">
    <div class="box">
      <div class="box-body">
        <form class="form-inline">
          <div class="box box-default">
            <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12" style="padding-left:0px;margin-bottom:8px !important;">
              <button type="button" class="btn btn-primary" *ngIf="_.includes(menuResourceSet,'btn-tb-export')" (click)="exportExcel()">
                    <i class="fa fa-sign-out"></i>导出Excel</button>
              <button type="button" class="btn btn-box-tool pull-right" data-widget="collapse">
                        <i class="fa fa-minus"></i></button>
            </div>
            <div class="box-body" style="display:block">
              <div class="form-group col-lg-12" style="padding-left:0px !important;">
                <label class=" control-label">开始日期：</label>
                <div class="input-group date form_datetime">
                  <span class="input-group-addon">
                              <i class="fa fa-calendar"></i>
                            </span>
                  <input type="text" class="form-control" style="background: white; cursor: pointer;" mwlFlatpickr [ngModelOptions]="{standalone: false}"
                    [(ngModel)]="getBody.sBegin" name="sBegin">
                </div>
                <label class="control-label text-right">产品类型：</label>
                <select class="form-control" [(ngModel)]="getBody.sFundType" name="sFundType">
                  <option [value]="''">全部</option>
                  <option [value]="item.sItemKey" *ngFor="let item of dictionaryList.FUND_TYPE">{{item.sItemValue}}</option>
                </select>
                <button type="button" class="btn btn-primary" (click)="list(1)">
                        <i class="fa fa-search"></i>查询</button>
              </div>
              <div class="form-group col-lg-12" style="margin-top:10px !important;padding-left:0px !important;">
                <label class="control-label">结束日期：</label>
                <div class="input-group date form_datetime">
                  <span class="input-group-addon">
                                  <i class="fa fa-calendar"></i>
                                </span>
                  <input type="text" class="form-control" style="background: white; cursor: pointer;" mwlFlatpickr [ngModelOptions]="{standalone: false}"
                    [(ngModel)]="getBody.sEnd" name="sEnd">
                </div>
                <label class="control-label text-right">终止合同：</label>
                <select class="form-control" [(ngModel)]="getBody.sIncludeYzhzh" name="sIncludeYzhzh">
                  <option [value]="1">不包含终止合同</option>
                  <option [value]="2">包含当年终止合同</option>
                  <option [value]="3">包含历史终止合同</option>
                </select>
              </div>
            </div>
          </div>
        </form>

        <div class="box-body" style="padding-left:0px;padding-right:0px;">
          <div style="overflow-x:scroll;">
            <table id="fixed_table" class="table table-bordered table-hover table-keep-line table-striped">
              <thead>
                <tr>
                  <!-- <th class="width-5">
                    <div class="checkbox checkbox-primary">
                      <input type="checkbox" name="checkboxAll" [(ngModel)]="isCheckedAll" (ngModelChange)="checkedAll()">
                      <label></label>
                    </div>
                  </th> -->
                  <th class="fixed-th-100" (click)="orderData('sFundCode')">产品代码<i class="fa fa-sort"></i></th>
                  <th class="fixed-th-100" (click)="orderData('sFundName')">产品名称<i class="fa fa-sort"></i></th>
                  <th class="fixed-th-100" (click)="orderData('sFundType')">产品类型<i class="fa fa-sort"></i></th>
                  <th class="fixed-th-100" (click)="orderData('saleDepartment')">所属部门<i class="fa fa-sort"></i></th>
                  <th class="fixed-th-100" (click)="orderData('personName')">销售经理<i class="fa fa-sort"></i></th>
                  <th class="fixed-th-100" (click)="orderData('moneyCashin')">资金流入<i class="fa fa-sort"></i></th>
                  <th class="fixed-th-100" (click)="orderData('moneyCashout')">资金流出<i class="fa fa-sort"></i></th>

                  <th class="fixed-th-100" (click)="orderData('nMoneyAsset')">资金净流入<i class="fa fa-sort"></i></th>
                  <th class="fixed-th-150" (click)="orderData('moneyManage')">基本管理费(计提费用)<i class="fa fa-sort"></i></th>
                  <th class="fixed-th-150" (click)="orderData('moneyReward')">业绩报酬(计提费用)<i class="fa fa-sort"></i></th>
                  <th class="fixed-th-150" (click)="orderData('nMoneyManageFee')">管理费(计提费用)<i class="fa fa-sort"></i></th>
                  <th class="fixed-th-150" (click)="orderData('moneyManagePay')">基本管理费(实收费用)<i class="fa fa-sort"></i></th>

                  <th class="fixed-th-150" (click)="orderData('moneyRewardPay')">业绩报酬(实收费用)<i class="fa fa-sort"></i></th>
                  <th class="fixed-th-150" (click)="orderData('nMoneyManageFeePay')">管理费(实收费用)<i class="fa fa-sort"></i></th>
                </tr>
              </thead>
              <tbody>
                <tr *ngFor="let item of dataList">
                  <!-- <td>
                    <div class="checkbox checkbox-primary">
                      <input type="checkbox" name="checkbox1" [(ngModel)]="item.isChecked" (ngModelChange)="ctrlCheckAll()">
                      <label></label>
                    </div>
                  </td> -->
                  <td class="fixed-th-100 short-name" [attr.title]="item.sFundCode">{{item.sFundCode}}</td>
                  <td class="fixed-th-100 short-name" [attr.title]="item.sFundName">{{item.sFundName}}</td>
                  <td class="fixed-th-100 short-name" [attr.title]="item.sFundType">{{item.sFundType}}</td>
                  <td class="fixed-th-100 short-name" [attr.title]="item.saleDepartment">{{item.saleDepartment}}</td>
                  <td class="fixed-th-100 short-name" [attr.title]="item.personName">{{item.personName}}</td>
                  <td class="fixed-th-100 short-name" [attr.title]="item.moneyCashin">{{item.moneyCashin}}</td>
                  <td class="fixed-th-100 short-name" [attr.title]="item.moneyCashout">{{item.moneyCashout}}</td>

                  <td class="fixed-th-100 short-name" [attr.title]="item.nMoneyAsset">{{item.nMoneyAsset}}</td>
                  <td class="fixed-th-150 short-name" [attr.title]="item.moneyManage">{{item.moneyManage}}</td>
                  <td class="fixed-th-150 short-name" [attr.title]="item.moneyReward">{{item.moneyReward}}</td>
                  <td class="fixed-th-150 short-name" [attr.title]="item.nMoneyManageFee">{{item.nMoneyManageFee}}</td>
                  <td class="fixed-th-150 short-name" [attr.title]="item.moneyManagePay">{{item.moneyManagePay}}</td>

                  <td class="fixed-th-150 short-name" [attr.title]="item.moneyRewardPay">{{item.moneyRewardPay}}</td>
                  <td class="fixed-th-150 short-name" [attr.title]="item.nMoneyManageFeePay">{{item.nMoneyManageFeePay}}</td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>

        <div class="box-footer clearfix">
          <app-pagination [currentPageNum]="listPageInfo.currentPageNum" [pagesShow]="" [totalPages]="listPageInfo.totalPages" (pageChanged)="listPageNavigation($event)">
            <div class="pull-left pagination-detail" data-pagination-additional="true">
              <span class="pagination-info">
                      当前显示第{{listPageInfo.startRow}}到第{{listPageInfo.endRow}}条，总共{{listPageInfo.total}}条，
                  </span>
              <span class="page-list">每页记录
                    <span class="btn-group dropup">
                      <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                        <span class="page-size">{{listPageInfo.pageSize}}</span><span class="caret"></span>
              </button>
              <ul class="dropdown-menu" role="menu">
                <li *ngFor="let i of listPageInfo.pageList" role="menuitem" [class.active]="listPageInfo.pageSize===i" (click)="listPageSizeChange(i)">
                  <a>{{i}}</a>
                </li>
              </ul>
              </span>条
              </span>
            </div>
          </app-pagination>
        </div>
      </div>
    </div>
  </div>
</div>